<div class="aside" style="min-width: 900px;" tabindex="-1" role="dialog">
  <div class="aside-dialog">
    <div class="aside-content" style="position: relative;" >
      <div class="aside-header" ng-show="title">
        <button type="button" class="close" ng-click="closeControlProjectInfo()">&times;</button>
        <h4 class="aside-title" ng-bind="title"></h4>
      </div>
      <div class="aside-body htrd-l-control" >
        <div class="info" >
          <div class="form" >
            <div class="form-group" >
              <div class="key" >
                <div>*</div>
                <span>计划名称 :</span>
              </div>

              <div class="value" >
                <input type="text" ng-model="controlModel.name" ng-change="getConfigStr()" />
              </div>
            </div>
            <div class="htrd-l-clear" ></div>

            <div class="form-group" >
              <div class="key" >
                <div>*</div>
                <span>启用计划 :</span>
              </div>

              <div class="value" >
                <div slide callback="switchActive" default-active="controlModel.isOpen" ></div>
              </div>
            </div>

            <div class="htrd-l-clear" ></div>

              <div class="form-group" >
                <div class="key" >
                  <div>*</div>
                  <span>选择流程 :</span>
                </div>

                <div class="value"  style="margin-left: 2px">
                  <div select-filter callBack="getProcessListByName" active-callBack="activeProcess" id="controlInfoSelectId" text="controlModel.pipelineName" ></div>
                </div>
              </div>

            <div class="htrd-l-clear" ></div>

            <div class="form-group" >
              <div class="key" >
                <div>*</div>
                <span>执行设置 :</span>
              </div>

              <div class="value" >
                <div class="htrd-l-fl" style="margin-right:10px;margin-top: 16px;" >
                  <div class="htrd-l-icon icon-radio"  ng-class="{true: 'active'}[controlModel.isExec] " ng-click="toggleExecSetting(true)" ></div>
                  允许触发执行时间
                </div>
                <div class="htrd-l-fl" style="margin-right:10px;margin-top: 16px;" >
                  <div class="htrd-l-icon icon-radio"   ng-class="{false: 'active'}[controlModel.isExec]" ng-click="toggleExecSetting(false)"></div>
                  禁止触发执行时间
                </div>
              </div>
            </div>

            <div class="htrd-l-clear" ></div>

            <div class="form-group" ng-show="controlModel.isExec" >
              <div class="key" >
                <div>*</div>
                <span>假日方案 :</span>
              </div>

              <div class="value" >
                <dropdownmenu default-year="controlModel.holidayName" default-text="controlModel.holidayName" default-id="controlModel.holidayId" list="holidayList" call-back="changeHoliday"></dropdownmenu>
              </div>
            </div>

            <div class="htrd-l-clear" ></div>

            <div class="form-group" ng-show="controlModel.isExec" >
              <div class="key" style="margin-left:14px">
                <div>*</div>
                <span>请选择 :</span>
              </div>

              <div class="value" >
                <div class="htrd-l-fl" style="margin-right:10px;margin-top: 16px;" >
                  <div class="htrd-l-icon icon-checked" ng-class="{true: 'active'}[!!controlModel.execCycleMap[1]] " ng-click="checkedExecCycle(1)"></div>
                  工作日执行
                </div>

                <div class="htrd-l-fl" style="margin-right:10px;margin-top: 16px;" >
                  <div class="htrd-l-icon icon-checked" ng-class="{true: 'active'}[!!controlModel.execCycleMap[2]] " ng-click="checkedExecCycle(2)"></div>
                  节假日执行
                </div>
              </div>
            </div>

            <div class="htrd-l-clear" ></div>

            <div class="form-group" style="height: 100px;" >
              <div class="key" >
                <div>*</div>
                <span>时间设置 :</span>
              </div>

              <div class="value" style="margin-top: 16px;">
                <div class="matrix" >
                  <input  style="width: 90px;" ng-model="controlModel.dateMin.text" type="text"  ng-mouseleave="change('dateMin')" ng-click="delText('dateMin')"/>
                  <div class="title" >分</div>
                  <div class="help" ng-mouseover="helpToggle('dateMin')" ng-mouseleave="helpToggle('dateMin')" ></div>
                  <table class="help-panel  table table-striped "  ng-show="controlModel.dateMin.state"  >
                    <tr class="table-group">
                      <th class="title" ng-bind="helpTextMap.dateMin.title" ></th>
                      <th class="value" ></th>
                    </tr>
                    <tr  class="table-group" ng-repeat="item in helpTextMap.dateMin.data">
                      <td class="" ng-bind="item.title"></td>
                      <td class="value" ng-bind="item.text" ></td>
                    </tr>
                  </table>
                </div>

                <div class="matrix" >
                  <input style="width: 90px;" ng-model="controlModel.dateHour.text" type="text"  ng-mouseleave="change('dateHour')" ng-click="delText('dateHour')"/>
                  <div class="title" >时</div>
                  <div class="help" ng-mouseover="helpToggle('dateHour')" ng-mouseleave="helpToggle('dateHour')" ></div>
                  <table class="help-panel  table table-striped "  ng-show="controlModel.dateHour.state"  >
                    <tr class="table-group">
                      <th class="title" ng-bind="helpTextMap.dateHour.title" ></th>
                      <th class="value" ></th>
                    </tr>
                    <tr  class="table-group" ng-repeat="item in helpTextMap.dateHour.data">
                      <td class="" ng-bind="item.title"></td>
                      <td class="value" ng-bind="item.text" ></td>
                    </tr>
                  </table>
                </div>

                <div class="matrix" >
                  <input style="width: 90px;" ng-model="controlModel.dayAndMonth.text" type="text"  ng-mouseleave="change('dayAndMonth')" ng-click="delText('dayAndMonth')"/>
                  <div class="title" >日</div>
                  <div class="help" ng-mouseover="helpToggle('dayAndMonth')" ng-mouseleave="helpToggle('dayAndMonth')" ></div>
                  <table class="help-panel left table table-striped " ng-show="controlModel.dayAndMonth.state" style="margin-left: 200px;">
                    <tr class="table-group">
                      <th class="title" ng-bind="helpTextMap.dayAndMonth.title" ></th>
                      <th class="value" ></th>
                    </tr>
                    <tr  class="table-group" ng-repeat="item in helpTextMap.dayAndMonth.data">
                      <td class="" ng-bind="item.title"></td>
                      <td class="value" ng-bind="item.text" ></td>
                    </tr>
                  </table>
                  <!--<div class="help-panel left" ng-show="controlModel.dayAndMonth.state" style="margin-left:200px; background-color:#F9F9F9; height:190px;">
                    <div class="table-group" style="height: 40px;" >
                      <div class="title" ng-bind="helpTextMap.dayAndMonth.title" ></div>
                    </div>
                    <div class="table-group" ng-repeat="item in helpTextMap.dayAndMonth.data" >
                      <div class="key" ng-bind="item.title" ></div>
                      <div class="value" ng-bind="item.text" ></div>
                    </div>
                  </div>-->
                </div>

                <div class="matrix" >
                  <input style="width: 90px;" ng-model="controlModel.month.text" type="text"  ng-mouseleave="change('month')" ng-click="delText('month')"/>
                  <div class="title" >月</div>
                  <div class="help" ng-mouseover="helpToggle('month')" ng-mouseleave="helpToggle('month')" ></div>
                  <table class="help-panel left table table-striped "  ng-show="controlModel.month.state"  >
                    <tr class="table-group">
                      <th class="title" ng-bind="helpTextMap.month.title" ></th>
                      <th class="value" ></th>
                    </tr>
                    <tr  class="table-group"  ng-repeat="item in helpTextMap.month.data">
                      <td class="" ng-bind="item.title"></td>
                      <td class="value" ng-bind="item.text" ></td>
                    </tr>
                  </table>
                </div>

                <div class="matrix" >
                  <input style="width: 90px;" ng-model="controlModel.dayAndWeek.text" type="text"  ng-mouseleave="change('dayAndWeek')" ng-click="delText('dayAndWeek')"/>
                  <div class="title" >周</div>
                  <div class="help" ng-mouseover="helpToggle('dayAndWeek')" ng-mouseleave="helpToggle('dayAndWeek')" ></div>

                  <table class="help-panel left table table-striped " ng-show="controlModel.dayAndWeek.state"  >
                    <tr class="table-group">
                      <th class="title" ng-bind="helpTextMap.dayToWeek.title"  ></th>
                      <th class="value" ></th>
                    </tr>
                    <tr  class="table-group" ng-repeat="item in helpTextMap.dayToWeek.data">
                      <td class="" ng-bind="item.title"></td>
                      <td class="value" ng-bind="item.text" ></td>
                    </tr>
                  </table>

                </div>
              </div>
            </div>

            <div class="htrd-l-clear" ></div>

            <div class="form-group">
              <div class="key" >
                <div>*</div>
                <span>配置结果 :</span>
              </div>

              <div class="value" style="float:left">
                <span ng-bind="controlModel.text" class="text" >允许执行时间: 2017-01-03 周日 - 周五 工作日 9:01</span>
              </div>

            </div>
            <div class="htrd-l-clear" ></div>
          </div>
        </div>

        <div class="aside-footer">
          <div type="button" class="htrd-save-btn" ng-click="closeControlProjectInfo()" style="float:right">取消</div>
          <div type="button" class="htrd-save-btn" ng-click="submitAddOrEditControlProject()" style="float:right;margin-right:10px">保存</div>
        </div>
      </div>


     <!-- <div class="aside-footer">
        <button type="button" class="btn btn-default" ng-click="submitAddOrEditControlProject()" >保存</button>
        <button type="button" class="btn btn-default" ng-click="closeControlProjectInfo()">关闭</button>
      </div>-->

    </div>
  </div>
</div>
